<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>新冠肺炎专题网</title>
    <link rel="stylesheet" href="css/index.css" />
</head>

<body>
    <div id="wrapper">
        <div id="header">
            <!-- 页头logo -->
            <div class="logo">
                <img src="images/logo-1.png" alt="" />
            </div>
            <!-- 导航栏 -->
            <div class="top_nav">
                <nav class="top_nav_wrap">
                    <a href="./html/zuimei.html" target="_blank">
                        <p>最美逆行者</p>
                    </a>
                    <a href="./html/niwo.html" target="_blank">
                        <p>你我同行</p>
                    </a>
                    <a href="./html/xinguan.html" target="_blank">
                        <p>新冠肺炎</p>
                    </a>
                    <a href="./html/zhishi.html" target="_blank">
                        <p>抗疫知识</p>
                    </a>
                    <a href="./html/wuhan.html" target="_blank">
                        <p>武汉</p>
                    </a>
                </nav>

                <div class="mod-con">
                    <ul>
                        <li class="pics"><img src="images/bag (1).jpg" alt="" /></li>
                        <li class="pics"><img src="images/bag (2).jpg" alt="" /></li>
                        <li class="pics"><img src="images/bag (3).jpg" alt="" /></li>
                        <li class="pics"><img src="images/bag (4).jpg" alt="" /></li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 内容区域 -->
        <div id="content">
            <div class="description">
                <p class="txt">
                    新冠肺炎（COVID-19）是2019年最新出现的疾病，
                    <span class="pc"></span> 该疾病可以通过飞沫传播，可能粪土传播
                    <span class="pc"></span> 戴口罩，勤洗手，讲卫生至关重要！
                </p>
            </div>



            <div class="xinguan">
                <p class="xg">
                    <img src="./images/xinguang.jpg" alt="">
                </p>
                <div class="title">
                    <i>新冠 · 病毒</i>
                    <p>
                        <a href="./html/xinguan.html" target="_blank">-->了解更多</a>
                    </p>
                </div>
                <div class="content">
                    <a href="./html/xinguan.html" target="_blank"><img src="./images/xinguang(1).jpg" alt=""></a>
                    <div class="conc">
                        <p> 冠状病毒是一大类病毒，已知会引起疾病，患者表现从普通感冒到重症肺部感染不同，例如中东呼吸综合症（MERS）和传染性非典型肺炎（SARS）。新型冠状病毒（nCoV）是一种先前尚未在人类中发现的新型冠状病毒，如此次武汉的新型冠状病毒2019-nCov。目前正处于冬春季呼吸道传染病高发季节，个人要做好卫生防护，注意保持室内环境卫生和空气流通，尽量减少到空气不流通或人流密集的公众场合活动，如有发热、呼吸道感染症状，请及时到医疗机构就诊。
                        </p>


                    </div>
                </div>
            </div>

            <div class="zuimei">
                <div class="left">
                    <div class="l">
                        <div><a href="./html/zuimei.html#zgc" target="_blank" class="text">抗疫女神！朱国超：我首先是名医生，没有想得多复杂</a></div>
                    </div>
                    <div class="ll">
                        <div><a href="./html/zuimei.html#quan" target="_blank" class="text">致敬，环卫工人！</a></div>
                    </div>

                </div>
                <div class="right">
                    <div class="zm"><i>最美 · 逆行者</i>
                        <p>
                            <a href="./html/zuimei.html" target="_blank">-->了解更多</a>
                        </p>
                    </div>
                    <div class="zns">

                        <div><a href="./html/zuimei.html#zns" target="_blank" class="text">钟南山：敢医敢言！</a></div>

                    </div>
                </div>

            </div>

            <div class="wuhan">
                <div class="d">
                    <div class="title"><i>武汉 · 病史</i></div>
                    <p>
                        <a href="./html/wuhan.html" target="_blank">-->了解更多</a>
                    </p>
                </div>

                <div class="list">
                    <div class="box">
                        <a href="./html/wuhan.html#bum" target="_blank">
                            <div class="imgBx"><img src="./images/shijian(1).jpg" alt=""></div>
                            <div class="content">
                                <h2>“敌人”的真实面貌”</h2>
                                <p>1月7日，中国疾控中心成功分离首株新冠病毒毒株。 1月8日国家卫健委初步确认新型冠状病毒为此次疫情的病原。…………</p>
                            </div>
                        </a>
                    </div>
                    <div class="box">
                        <a href="./html/wuhan.html#fc" target="_blank">
                            <div class="imgBx"><img src="./images/indus（1）.jpg" alt=""></div>
                            <div class="content">
                                <h2>“封住一座城，守住一国人”</h2>
                                <p>1月23日，武汉封城！国家卫生健康委组织以钟南山为组长的国家医疗与防控高级别专家组赶至武汉实地考察疫情防控工作 …………
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="box">
                        <a href="./html/wuhan.html#qm" target="_blank">
                            <div class="imgBx"><img src="./images/qm.jpg" alt=""></div>
                            <div class="content">
                                <h2>“万众一心，共抗疫”</h2>
                                <p>全民抗战，一方有难，八方支援。各国为武汉捐赠物质，全民为武汉加油！…………</p>
                            </div>
                        </a>
                    </div>
                    <div class="box">
                        <a href="./html/wuhan.html#nh" target="_blank">
                            <div class="imgBx"><img src="./images/jiefeng.jpg" alt=""></div>
                            <div class="content">
                                <h2>你好，武汉！</h2>
                                <p>重启”后的武汉街头巷尾，重拾了烟火气…………</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="together">
                <div class="title"><i>你我 · 同行</i>
                    <p>
                        <a href="./html/niwo.html" target="_blank">-->了解更多</a>
                    </p>
                </div>

                <div class="list">
                    <a href="./html/niwo.html#shequ" target="_blank">
                        <div class="item"><img src="./images/ndandang.png" alt="">
                            <h3>自愿参与社区服务</h3>
                            <p>听从学校、社区的指挥，积极参与志愿者活动！在国家灾难面前，同党和政府呼吸、共同命运……</p>
                        </div>
                    </a>
                    <a href="./html/niwo.html#zmz" target="_blank">
                        <div class="item"><img src="./images/nqinnian.png" alt="">
                            <h3>怎么做、如何做</h3>
                            <p>面对突如其来的疫情，作为大学生的我们应该怎么做……</p>
                        </div>
                        <a href="./html/niwo.html#xuexi" target="_blank">
                            <div class="item"><img src="./images/nxuexi.png" alt="">
                                <h3>把握机会，努力学习</h3>
                                <p>抓紧时间参与学习，不忘知识报国的本职工作！</p>
                            </div>
                        </a>
                        <a href="./html/niwo.html#biyao" target="_blank">
                            <div class="item"><img src="./images/nyaoyian.png" alt="">
                                <h3>保持清醒，看清事实</h3>
                                <p>保存清醒的政治头脑，不做传播负面信息的领头羊，不信谣、不传谣、不招摇！</p>
                            </div>
                        </a>
                </div>
            </div>

            <div class="zhishi">
                <div class="title"><i>抗疫 · 小知识</i>
                    <p>
                        <a href="zhishi.html" target="_blank">-->了解更多&lt;--</a>
                    </p>
                </div>
                <div class="zhishi_con">
                    <ul class="list">
                        <li>
                            <a href="./html/zhishi.html#xishou" target="_blank">
                                <p>洗手小知识</p>
                                <img src="images/zhishi.jpg " alt="勤洗手 ">
                            </a>
                        </li>
                        <li>
                            <a href="./html/zhishi.html#changshi" target="_blank">
                                <p>防疫小常识</p>
                                <img src="images/index-2.jpg " alt="防疫小知识 ">
                            </a>
                        </li>
                        <li class="last">
                            <a href="./html/zhishi.html#te" target="_blank">
                                <p>特殊人群</p>
                                <img src="images/index -1.jpg " alt="特殊人群防控指南 ">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 疫情图 -->
            <div class="fenge">---- 疫 情 图 示 ----</div>
            <p class="fenge">2020.06.09</p>
            <div class="link-area">
                <div class="link-hook">


                    <div class="link-tab">
                        <ul class="tab-list">
                            <li class="list-item-1 current" data-num="1">
                                <a href="# ">
                                    <h3 class="tit">国内疫情</h3>
                                    <i class="icon"></i>
                                </a>

                            </li>
                            <li class="list-item-2" data-num="2">
                                <a href="#">
                                    <h3 class="tit ">国外疫情</h3>
                                    <i class="icon"></i>
                                </a>
                            </li>
                            <li class="list-item-3" data-num="3">
                                <a href="# ">
                                    <h3 class="tit">全球疫情</h3>
                                    <i class="icon"></i>
                                </a>
                            </li>
                        </ul>

                    </div>


                    <div class="link-content">
                        <div class="con con_1">
                            <div class="con-pics">
                                <img src="images/gn (6).jpg" alt="" id="lastClone">
                                <img src="images/gn (1).jpg" alt="">
                                <img src="images/gn (2).jpg" alt="">
                                <img src="images/gn (3).jpg" alt="">
                                <img src="images/gn (4).jpg" alt="">
                                <img src="images/gn (5).jpg" alt="">
                                <img src="images/gn (6).jpg" alt="">
                                <img src="images/gn (1).jpg" alt="" id="firstClone">


                            </div>
                            <button id="btn-left"></button>
                            <button id="btn-right"></button>
                        </div>


                        <div class="con con_2">
                            <div class="con-pics-2">
                                <img src="./images/gw.jpg" alt="">
                            </div>

                        </div>


                        <div class="con con_3">
                            <div class="con-pics-3"><img src="./images/qq.png" alt="">

                            </div>

                        </div>



                    </div>
                </div>



            </div>

            <!-- 健康上报表 -->
            <div class="rr showdiv">
                <i>健康上报</i>
            </div>
            <div class="b-t">
                <div class="tit">
                    <img src="./images/ic.png" alt="" id="hide">
                    <form action="">
                        <h2>---疫情信息上报---</h2>
                        <p class="la">您的名字：</p>
                        <p class="la"><input type="text" name="name" class="inf"></p>
                        <p class="la">您的手机号码：</p>
                        <p class="la"><input type="text" name="photo" class="inf"></p>
                        <p class="la">您的性别：</p>
                        <p class="la">
                            <input type="radio" name="sex" id="nan" class="sex"><label for="nan"> 男</label>
                            <input type="radio" name="sex" id="nv" class="sex"><label for="nv"> 女</label>
                        </p>
                        <p class="la">您现在所在的地址：</p>
                        <p class="la"><input type="text" name="" class="inf"></p>
                        <p class="la">您的籍贯：</p>
                        <p class="la"><input type="text" name="" class="inf"></p>
                        <p class="la">近期是否在广州：</p>
                        <p class="la"><input type="text" name="" class="inf"></p>
                        <p class="la">14天内行行程：（地点、时间、事由）</p>
                        <p class="la"><input type="text" name="" class="inf"></p>

                        <p class="la">是否知道14天内来自或者到过湖北的人员</p>
                        <p class="la"><input type="text" name="" class="inf"></p>
                        <p class="la">身体状况</p>

                        <p class="la"><input type="text" name="" class="inf"></p>
                        <p class="la">家庭成员健康情况</p>
                        <p class="la"><input type="text" name="" class="inf"></p>
                        <p><input type="submit" onclick="myFunction()" value="提交表单" class="sub"></p>
                    </form>
                </div>
            </div>


        </div>
        <div class="footer">
            <div class="bottom">
                <p><img src="./images/yewei.svg" alt="" width="60">减少聚餐</p>
                <p><img src="./images/yewei.png" alt="" width="60">及时检测</p>
            </div>
        </div>



        <!-- 显示与隐藏 -->
        <script src="js/jquery.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function() {
                $(".rr").click(function() {
                    $(".b-t").show(1000);
                    $(".rr").hide(1000);
                });
                $("#hide").click(function() {
                    $(".b-t").toggle(1000);
                    $(".rr").show(1000);
                });
            });

            function myFunction() {
                alert("提交成功！");
            }
        </script>

</body>

</html>
<script src="js/main.js "></script>